<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"	pageEncoding="UTF-8"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="security" uri="http://www.springframework.org/security/tags"%>
<security:authorize ifNotGranted="ROLE_USER">
<head>
	<title>Đăng ký thành viên | Đọc truyện online | TruyenZ.Com </title>
	<script type="text/javascript">
		$(function(){
			//check email
			$(".email").change(function(){
				var val = $(this).val();
				if(val!=null && val != ""){
					$.ajax({
						type:"post",
						url:'<spring:url value="/check-account.htm" />',
						data:{cl:"email",val:val},
						async:false,
						success:function(rs){
							if(rs){
								$(".checkEmail").html("Email này đã đc đăng ký.");
								$(this).css("border","1px solid red");
							}
						}
						
					});
				}
			});
			//check nickname
			$("#nickName").change(function(){
				var val = $(this).val();
				if(val!=null && val != ""){
					$(".checkNickName").html("");
					$.ajax({
						type:"post",
						url:'<spring:url value="/check-account.htm" />',
						data:{cl:"nickName",val:val},
						async:false,
						success:function(rs){
							if(rs){
								$(".checkNickName").html("Nick name này đã đc sử dụng.");
								$(this).css("border","1px solid red");
							}
						}
						
					});
				}
			});
		});
	</script>
</head>
<body>
<section id="boxRegister" class="form corner allShadow">
	<form class="corner3" action="<spring:url value="/thanh-vien/xu-ly-dang-ky.htm" />" method="post">
		<fieldset class="corner3">
			<legend align="center">Đăng ký</legend>
			<span style="color:red">${notice}</span>
			<section>
				<label for="nickName">Tên hiển thị</label>
				<input type="text" value="${nickName}" id="nickName" maxlength="45" name="nickName" class="validate[required]" placeholder="Nhập tên hiển thị..." />
				<span class="checkNickName" style="color:red"></span>
			</section>
			<section>
				<label for="email" class="tooltip" title="Vui lòng nhập đúng email để phục hồi lại mật khẩu nếu bạn bị mất hoặc quên mật khẩu">Email</label>
				<input type="email" value="${email}" name="email" maxlength="45" class="validate[custom[email],required] tooltip email" placeholder="Nhập email..." title="Vui lòng nhập đúng email để phục hồi lại mật khẩu nếu bạn bị mất hoặc quên mật khẩu" />
				<span class="checkEmail" style="color:red"></span>
			</section>
			<section>
				<label for="password1">Mật khẩu</label>
				<input type="password" value="${pwd}" id="password1" maxlength="20" name="pwd" class="validate[required]" placeholder="Nhập mật khẩu..." />
			</section>
			<section>
				<label for="password2">Xác nhận mật khẩu</label>
				<input type="password" id="password2" class="validate[required,equals[password1]]" placeholder="Nhập lại mật khẩu..." />
			</section>
			<section>
				<label for="answer">Mã xác nhận</label>
				<img class="corner3" width="212" src='<spring:url value="/captcha5.htm" />' />
			</section>
			<section>
				<label for="answer">Nhập mã xác nhận</label>
				<input id="answer" name="answer" class="corner3 validate[required]" placeholder="Nhập mã xác nhận..." />
			</section>
			<section>
				<label>&nbsp;</label>
				<button class="corner active" type="submit" name="btRegister" id="btRegister">Đăng ký</button>
			</section>
			<!-- Dan file chua noi quy vao -->
			<jsp:include page="ruleRegister.jsp" />
		</fieldset>
	</form>
</section>
</body>
</security:authorize>
<security:authorize ifAnyGranted="ROLE_USER">
	<head>
		<title>Đọc truyện Online | Xem truyện online | Truyện tranh | Truyện Kiếm Hiệp | Truyện Tình Cảm | Truyện Trinh Thám | Truyenz.com</title>
	</head>
	<body>
		<section class="boxMessage rightShadow corner3">
			<fieldset class="corner3">
				<legend align="center">Thông báo</legend>
				<article>
					<ul>
						<li>Bạn đang đăng nhập. Vui lòng thoát ra để đăng ký.</li>
					</ul>
				</article>
			</fieldset>
		</section>
	</body>
</security:authorize>